<template>
  <div class="app-container" :style="height">
    <h2 style="text-align:center">{{form.templateName}}</h2>
    <div style="font-size: 1.1rem;line-height: 1.5;color: #303133;padding: 20px 50px 0px 50px;" v-html="form.templateContent" class="ql-editor">
    </div>
  </div>
</template>

<script>
  export default {
    name: "templateData",
    data() {
      return {
        height:"max-height:"+((document.documentElement.clientHeight||document.body.clientHeight)-110)+"px;overflow-y:auto",

        form: {},
      }
    },
    created() {
      const template = this.$route.params && this.$route.params.row;
      this.form = template;
    }
  }
</script>
